<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no">
    <title>支付成功</title>
    <!-- 平台会对嵌入点金计划页面的商家小票链接（含跳转链接）进行记录，同时会对商家小票页面内容进行安全监测。 -->
    <script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
    <!-- <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> -->
  
</head>
 
<body>
    <div class="wrapper-scroll">
        <div class="status-failure status-complete">
            <div class="form-cont-item">
                <div class="ele-icon-left"><i class="iconfont ui-business">&#xe616;</i>
                     <span class="form-left-icon-tit" id="payPos" ></span></div>
                <div class="status-box status-success"><i class="iconfont status-wechat">&#xe689;</i>
                     <span  class="payment-money"><em class="amount-yuan">￥</em> <em class="amount-money" id="payMoney"></em></span>
                </div>
            </div>
            <div class="payment-records">
                <!---->
                <ul class="payment-list payment-interface" style="border-bottom: 0px;">
                    <li class="payment-item"><label for="" class="payment-item-tit">支付方式</label> <span
                            class="payment-item-text" id="payWay"></span></li>
                    <li class="payment-item">
                        <label for="" class="payment-item-tit">交易时间</label>
                         <span class="payment-item-text" id="payTime"></span>
                        </li>
                    <li class="payment-item">
                        <label for="" class="payment-item-tit">交易单号</label>
                         <span  class="payment-item-text" id='payOrder'></span>
                    </li>
                    <li class="payment-item">
                        <label for="" class="payment-item-tit">备注</label>
                         <span class="payment-item-text" id="payRemark"></span>
                    </li>
                </ul>
            </div>
            <div class="btns" id="showBtn"  style="display: none;">
                <div id="backHome" class="btn home" onclick='Back()'>返回商户</div>
            </div>
        </div>
    </div>
</body>
<script>
 
 
/***
 * @description Dom树执行完后加载 {所有订单必须响应 onIframeReady 事件，否则无法正常进行商家小票的展示。}
 * @param   action 事件名称：onIframeReady 
 * @param   displayStyle：1.展示商家小票 SHOW_CUSTOM_PAGE 2.展示官方小票 SHOW_OFFICIAL_PAGE
 * @param   height 范围 600-960px 默认高度 600px；
 * 具体看样商家小票 开发指引 https://wx.gtimg.com/pay/download/goldplan/goldplan_developer_guideline.pdf
 **/


document.onreadystatechange=getData;

function getData(){
           // 初始化小票
    let initData ={action:'onIframeReady',displayStyle:'SHOW_OFFICIAL_PAGE'};
    let postData = JSON.stringify(initData);
    //与ifarem  交互
    parent.postMessage(postData,'https://payapp.weixin.qq.com');
}
 
 
/***
 * 跳转至其他页面
 ***/
function Back(){
    let mchData ={action:'jumpOut', jumpOutUrl:_showUrl}
    let postData = JSON.stringify(mchData)
    parent.postMessage(postData,'https://payapp.weixin.qq.com')
}
 
 
// 获取地址栏参数
function getUrlParam(name) {debugger;
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    var r = window.location.search.substr(1).match(reg); //匹配目标参数
    if (r != null) return unescape(r[2]);
    return null; //返回参数值
}
 
</script>
</html>